@font-face{font-family:"OrbitronCZ";src:url("https://cdn.jsdelivr.net/gh/chcipcsro-ship-it/orbitronCZ@main/Orbitron-Czech.woff2") format("woff2"),url("https://cdn.jsdelivr.net/gh/chcipcsro-ship-it/ultracomp-fonts/Orbitron-Czech.ttf") format("truetype");font-weight:400 900;font-style:normal;font-display:swap;unicode-range:U+0000-024F,U+0300-036F}

.category-top{display:flex;flex-direction:column}
.category-top>*{order:4}
.category-top>.category-title{order:1}
.category-top>ul.subcategories.with-image{order:2}
.category-top>.category-perex{order:3}

.category-top ul.subcategories.with-image{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;width:100%;margin:8px 0 26px!important;padding:0 clamp(20px,3vw,64px)!important;list-style:none!important;box-sizing:border-box}
.category-top ul.subcategories.with-image *,.category-top ul.subcategories.with-image *::before,.category-top ul.subcategories.with-image *::after{box-sizing:border-box}
.category-top ul.subcategories.with-image>li{float:none!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;min-height:0!important;flex:none!important;margin:0!important;padding:0!important;list-style:none!important;background:none!important;border:0!important}
.category-top ul.subcategories.with-image>li::before,.category-top ul.subcategories.with-image>li::after,.category-top ul.subcategories.with-image>li>a::before,.category-top ul.subcategories.with-image>li>a>.image::before,.category-top ul.subcategories.with-image>li>a>.text::before,.category-top ul.subcategories.with-image>li>a>.text::after{content:none!important;display:none!important}
.category-top ul.subcategories.with-image>li>a{position:relative;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:10px;height:100%!important;max-height:none!important;min-height:46px;margin:0!important;padding:0 12px 0 68px!important;border-radius:12px;background:linear-gradient(160deg,rgba(15,8,25,.98),rgba(8,4,15,.98))!important;border:1px solid rgba(137,44,255,.22)!important;box-shadow:0 4px 14px rgba(0,0,0,.3);overflow:hidden;text-decoration:none!important;text-align:left!important;color:#fff!important;transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s,border-color .3s}
.category-top ul.subcategories.with-image>li>a>.image{position:absolute!important;top:0!important;bottom:0!important;left:0!important;display:block!important;width:58px!important;height:100%!important;max-width:none!important;max-height:none!important;align-self:stretch!important;justify-self:auto!important;transform:none!important;margin:0!important;padding:0!important;border:0!important;background:#120a20;overflow:hidden}
.category-top ul.subcategories.with-image>li>a>.image::after{content:"";position:absolute;top:0;right:0;bottom:0;width:20px;background:linear-gradient(90deg,rgba(10,5,18,0),rgba(10,5,18,.95))}
.category-top ul.subcategories.with-image>li>a>.image img{position:absolute!important;top:0!important;left:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;object-fit:cover;transition:transform .35s cubic-bezier(.25,.8,.25,1)}
.category-top ul.subcategories.with-image>li>a>.text{display:block!important;min-width:0;margin:0!important;padding:6px 0!important;font-family:"OrbitronCZ",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:13px!important;font-weight:700!important;letter-spacing:.4px;line-height:1.2!important;text-transform:uppercase;text-align:left!important;color:#fff!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;max-width:none!important;height:auto!important}
.category-top ul.subcategories.with-image>li>a::after{content:"\203A"!important;position:static!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;display:flex!important;align-items:center;justify-content:center;flex:0 0 auto;width:23px;height:23px;margin-left:auto;padding-bottom:2px;border-radius:50%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:17px;font-weight:700;line-height:1;color:#892CFF;background:rgba(137,44,255,.16);border:1px solid rgba(137,44,255,.3);transition:transform .3s,background .3s,border-color .3s,color .3s}
.category-top ul.subcategories.with-image>li:nth-child(even)>a::after{color:#f25fff;background:rgba(242,95,255,.14);border-color:rgba(242,95,255,.3)}
@media(hover:hover){
.category-top ul.subcategories.with-image>li>a:hover{transform:translateY(-3px);border-color:rgba(137,44,255,.55)!important;box-shadow:0 12px 26px rgba(137,44,255,.25),0 4px 12px rgba(0,0,0,.35)}
.category-top ul.subcategories.with-image>li>a:hover>.image img{transform:scale(1.06)}
.category-top ul.subcategories.with-image>li>a:hover::after{color:#fff;background:#892CFF;border-color:#892CFF;transform:translateX(3px)}
.category-top ul.subcategories.with-image>li:nth-child(even)>a:hover::after{background:#f25fff;border-color:#f25fff}
.category-top ul.subcategories.with-image>li>a:hover>.text{text-shadow:0 0 10px rgba(137,44,255,.55)}
}
.category-top ul.subcategories.with-image>li>a:focus-visible{outline:2px solid #892CFF;outline-offset:2px}
.category-top ul.subcategories.with-image>li>a:active{transform:scale(.985)}
@media(max-width:767px){
.category-top ul.subcategories.with-image>li>a::after{display:none!important}
.category-top ul.subcategories.with-image{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 0 18px!important;padding:0!important}
.category-top ul.subcategories.with-image>li>a{min-height:52px;gap:8px;padding:8px 8px 8px 50px!important}
.category-top ul.subcategories.with-image>li>a::after{display:none}
.category-top ul.subcategories.with-image>li>a>.image{width:42px!important}
.category-top ul.subcategories.with-image>li>a>.image::after{width:16px}
.category-top ul.subcategories.with-image>li>a>.text{font-size:11.5px!important;letter-spacing:0!important;line-height:1.2!important;padding:0!important;hyphens:none!important;word-break:normal!important;overflow-wrap:normal!important}
}
@media(prefers-reduced-motion:reduce){.category-top ul.subcategories.with-image *{transition-duration:.01ms!important}}